<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>局部滚动</title>
    <style>
        *{
            box-sizing: border-box;
        }
        .big-box{
            width:285px;
            height:200px;
            overflow: hidden;
            background-color: goldenrod;
        }
        .box{
            width:300px;
            height:200px;
            overflow: auto;

        }
    </style>
</head>
<body>
<!--设计思想就是让他先有个滚动条出现，然后再最外面再加一个块，然后再让他的宽度比里面的
宽度在小一点，然后就可以吧滚动条隐藏了-->
<div class="big-box">
    <div class="box">
        <div class="content">
            <p>李彦宏，百度公司创始人、董事长兼首席执行官，全面负责百度公司的战略规划和运营管理。
                1991年，李彦宏，百度公司创始人、董事长兼首席执行官，全面负责百度公司的战略规划和运营管理。
                1991年，李彦宏，百度公司创始人、董事长兼首席执行官，全面负责百度公司的战略规划和运营管理。
                1991年，李彦宏，百度公司创始人、董事长兼首席执行官，全面负责百度公司的战略规划和运营管理。
                1991年，</p>
        </div>
    </div>
</div>
<script>

</script>
</body>
</html>